<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>home</title>
    <link rel="stylesheet" type="text/css" href="css/home/follow.css">
</head>
<body>
<!-- 顶部导航 -->
<%@ include file="header.jsp"%>
<!-- 顶部导航结束 -->
<section class="container">
    <!-- 右侧显示面板 -->
    <div class="content-wrap">
        <div class="content">
            <!-- 面包屑导航 -->
            <div class="">
                <ol class="breadcrumb pull-left">
                    <li><a href="#">校园趣事</a>
                    </li>
                </ol>
                <div class="btn-group pull-right">
                    <button type="button" class="btn btn-info dropdown-toggle" id = "sort"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        排序<span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" id="dropdown_ul">
                        <li><a href="javascript:void(0)" id="dateSort"  value = "article_date">最新</a></li>
                        <li><a href="javascript:void(0)" id="zanSort"  value = "zan_num">点赞</a></li>
                        <li><a href="javascript:void(0)" id="collectSort"  value = "collected_num">收藏</a></li>
                    </ul>
                </div>
            </div>
            <div id = "articleSearch"  value="${flag}">
               <%-- <c:forEach items="${articleList}" var="articleList">
                    <article class="excerpt">
                        <div class="header ">
                            <img class="user-img" src="${articleList.userInfo.picture}">
                            <div class="name-time-wrapper"><span class="time">${articleList.userInfo.nickName}</span><span class="time">
                        <i class="glyphicon glyphicon-time"></i>${articleList.articleDate}</span>
                            </div>
                            <div class="author_r">
                                <div class="digg" id = "heart">
                                    <i class="glyphicon glyphicon-heart"></i><span>${articleList.collectedNum}</span>
                                </div>
                            </div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="mycontext">
                            <c:if test='${articleList.articlePicture!= ""}'>
                                <a class="focus" href="#" target="_blank">
                                    <img class="thumb" src="${articleList.articlePicture}" style="display: inline;">
                                </a>
                            </c:if>
                            <c:forEach items="${articleList.tags}" var="tag">
                                <a class="cat" href="tag/${tags.tagId}">${tag.tagName}<i></i>
                                </a>
                            </c:forEach>
                            <h2><a href="article/${articleList.articleId}" target="_blank">${articleList.title}</a></h2>
                            <input type="hidden"  id="hAId" value="${articleList.articleId}">
                            <p class="meta"></p><p class="note">${articleList.simContent}</p>
                        </div>
                        <div class="ff">
                            <div class="iiicon pull-left">
                                <div class="digg" id="zan">
                                    <i class="glyphicon glyphicon-thumbs-up"></i>
                                    <span>${articleList.zanNum}</span>
                                </div>
                                <div class="digg" id="cai">
                                    <i class="glyphicon glyphicon-thumbs-down"></i>
                                    <span>${articleList.caiNum}</span>
                                </div>
                            </div>
                            <div class="digg">
                                <i class="glyphicon glyphicon-comment"></i>
                                <span> 查看神评</span>
                            </div>
                        </div>
                    </article>
                </c:forEach>
              <div class='alert alert-info text-center' id="random">随机查看文章</div>;--%>
            </div>
            <!-- 文章简介列表 -->

        </div>
    </div>

    <!-- 左侧功能面板 -->
    <aside class="sidebar">
        <div class="fixed">
            <span>搜索类型</span>
            <select id="searchType" class="select">
                <option value="title">标题</option>
                <option value="sim_content">简介</option>
                <option value="content">内容</option>
            </select>
            <div class="widget widget_search">
                <div class="input-group">
                    <input type="text" name="keyword" class="form-control" size="35"
                           placeholder="请输入关键字" maxlength="15" autocomplete="off">
                    <span class="input-group-btn">
						<button class="btn btn-default btn-search"
                                type="submit" onclick="search()">搜索</button> </span>
                </div>

            </div>
            <div class="widget widget_sentence">
                <h3>标签云</h3>
                <div class="widget-sentence-content">
                    <ul class="plinks ptags" id = "label">
                       <%-- <!-- tag -->
                        <c:forEach items="${tagList}" var="tagList">
                            <li>
                                <a href="tag/${tagList.tagId}"><label>${tagList.tagName}</label>
                                <input type="hidden" value="${tagList.tagId}"><span class="badge">${tagList.count}</span>
                                </a>
                            </li>
                        </c:forEach>--%>
                    </ul>
                </div>
            </div>
        </div>
        <div class="widget widget_hot">
            <h3>最新评论文章</h3>
            <ul>
                <%--<li><a href="show/文章id">
                    <div class="header ">
                        <img class="user-img" src="文章作者图片">
                        <div class="name-time-wrapper">
                            <span class="time">谁的文章</span>
                            <span class="time"><i class="glyphicon glyphicon-time"></i>评论时间</span>
                        </div>
                    </div>
                    <img class="thumb" src="文章图片">
                    <span class="text">评论信息</span>
                </a></li>--%>
            </ul>
        </div>
        <div class="widget widget_sentence">
            <a href="javascript:void(0)" target="_blank"
               rel="nofollow" title="广告页出租"> <img style="width: 100%"src="images/7.jpg" alt="广告页出租">
            </a>
        </div>
        <div class="widget widget_sentence">
            <a href="javascript:void(0)" target="_blank" rel="nofollow"
               title="广告页出租"> <img style="width: 100%" src="images/123.jpg" alt="广告页出租">
            </a>
        </div>
    </aside>
</section>

</body>

<script>
        var flag = $("#articleSearch").val();

</script>>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/dianZan/dianZan.js"></script>
<script type="text/javascript" src="js/home/clone.js"></script>
<script type="text/javascript" src="js/home/tags.js"></script>
<script type="text/javascript" src="js/home/comment.js"></script>
<script type="text/javascript" src="js/home/home.js"></script>
</html>
